<template>
    <div class="content">
      <div class="admin">
        <img src="@/assets/icon/cut2.png" alt="">
        <span>站长: HuTuDan</span>
      </div>
      <div class="records">
        © 胖胖龙Study, 保留所有权利 | 沪ICP备19026706号-8
      </div>
      <div class="records" style="margin-top: 0.3rem">
        隐私政策
        -
        使用条款
        -
        关于
      </div>
      <img src="@/assets/img/phl.png" class="icon" alt="">
      <div class="icon2"></div>
    </div>
</template>

<script setup lang="ts">

</script>

<style scoped>
  .content {
    position: relative;
    width: 100%;
    height: 3rem;
    background-color: rgb(245 245 245/ 1);
    border-top: 1px solid rgb(227, 227, 227);
    padding-top: .5rem;
    .admin {
      display: flex;
      align-items: center;
      justify-content: center;
      img{
        height: .6rem;
        width: .6rem;
      }

      span {
        margin-left: 0.2rem;
        font-size: 0.35rem;
        color: rgb(75 85 99/ 1);
      }
    }
    .admin:hover {
      cursor: pointer;
    }
    .admin:hover > span {
      color: #548cff;
    }

    .records {
      display: flex;
      justify-content: center;
      font-size: 0.28rem;
      color: rgb(75 85 99/ 1);
      margin-top: 0.2rem;
    }
  }

  .icon {
    width: .8rem;
    height: .8rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-.4rem);
    z-index: 101;
  }
  .icon2 {
    height: .8rem;
    width: 1.6rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-.36rem ,-.4rem);
    background-color: rgb(245 245 245/ 1);
  }

</style>
